<template>
  <span class="icon">
    <template v-if="type === 'add-square'">
      <svg
        width="12px"
        height="12px"
        viewBox="0 0 12 12"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
      >
        <title>添加</title>
        <desc>Created with Sketch.</desc>
        <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
          <g id="单选编辑-未hover任何" transform="translate(-635.000000, -631.000000)">
            <g id="编组-14" transform="translate(528.000000, 625.000000)">
              <g id="添加" transform="translate(107.000000, 6.000000)">
                <g>
                  <rect id="Rectangle-35-Copy-8" x="0" y="0" width="12" height="12" />
                  <path
                    d="M10.4561141,1.64271542 L10.4561141,1.64271542 L10.4561141,1.64271542 L10.4561141,10.4572846 L10.4561141,10.4572846 L1.64271542,10.4572846 L1.64271542,10.4572846 L1.64271542,1.64271542 L1.64271542,1.64271542 L10.4561141,1.64271542 L10.4561141,1.64271542 Z M10.4561141,0.8 L1.64271542,0.8 C1.17688106,0.8 0.8,1.17688106 0.8,1.64271542 L0.8,10.4572846 C0.8,10.9231189 1.17688106,11.3 1.64271542,11.3 L10.4572846,11.3 C10.9231189,11.3 11.3,10.9231189 11.3,10.4572846 L11.3,1.64271542 C11.2988296,1.17688106 10.9219485,0.8 10.4561141,0.8 L10.4561141,0.8 Z M8.62437855,5.63390926 L6.47662468,5.63390926 L6.47662468,3.48615539 C6.47662468,3.25323821 6.28818415,3.06479768 6.05526697,3.06479768 L6.05526697,3.06479768 C5.82234979,3.06479768 5.63390926,3.25323821 5.63390926,3.48615539 L5.63390926,5.63390926 L3.47445101,5.63390926 C3.24153383,5.63390926 3.0530933,5.82234979 3.0530933,6.05526697 L3.0530933,6.05526697 C3.0530933,6.28818415 3.24153383,6.47662468 3.47445101,6.47662468 L5.63390926,6.47662468 L5.63390926,8.61267417 C5.63390926,8.84559135 5.82234979,9.03403188 6.05526697,9.03403188 L6.05526697,9.03403188 C6.28818415,9.03403188 6.47662468,8.84559135 6.47662468,8.61267417 L6.47662468,6.47662468 L8.62437855,6.47662468 C8.85729573,6.47662468 9.04573626,6.28818415 9.04573626,6.05526697 L9.04573626,6.05526697 C9.04573626,5.82234979 8.85729573,5.63390926 8.62437855,5.63390926 Z"
                    :fill="getColor"
                    fill-rule="nonzero"
                  />
                </g>
              </g>
            </g>
          </g>
        </g>
      </svg>
    </template>
    <template v-if="type === 'add-multi'">
      <svg
        width="12px"
        height="12px"
        viewBox="0 0 12 12"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
      >
        <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
        <title>批量选项</title>
        <desc>Created with Sketch.</desc>
        <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
          <g id="单选编辑-未hover任何" transform="translate(-528.000000, -631.000000)">
            <g id="编组-14" transform="translate(528.000000, 625.000000)">
              <g id="编组">
                <g
                  id="批量选项"
                  transform="translate(6.000000, 12.000000) scale(-1, -1) translate(-6.000000, -12.000000) translate(0.000000, 6.000000)"
                >
                  <rect id="Rectangle-41-Copy-4" fill="" x="0" y="0" width="12" height="12" />
                  <path
                    d="M7.208125,6.578125 L2.801875,6.578125 C2.56867188,6.578125 2.38,6.76679688 2.38,7 C2.38,7.23320312 2.56867188,7.421875 2.801875,7.421875 L7.208125,7.421875 C7.44132813,7.421875 7.63,7.23320312 7.63,7 C7.63,6.76679688 7.44132813,6.578125 7.208125,6.578125 Z M5.44375,9.203125 L5.44375,4.796875 C5.44375,4.56367187 5.25507813,4.375 5.021875,4.375 C4.78867188,4.375 4.6,4.56367187 4.6,4.796875 L4.6,9.203125 C4.6,9.43632812 4.78867188,9.625 5.021875,9.625 C5.25507813,9.625 5.44375,9.43632812 5.44375,9.203125 Z M9.2,3.34375 L9.2,10.65625 L0.85,10.65625 L0.85,3.34375 L9.2,3.34375 L9.2,3.34375 Z M9.0625,2.5 L0.9375,2.5 C0.419270833,2.5 0,2.87734375 0,3.34375 L0,10.65625 C0,11.1226562 0.419270833,11.5 0.9375,11.5 L9.0625,11.5 C9.58072917,11.5 10,11.1226562 10,10.65625 L10,3.34375 C10,2.87734375 9.58072917,2.5 9.0625,2.5 Z M11.15625,0.5 L3.421875,0.5 C3.18867187,0.5 3,0.688671875 3,0.921875 C3,1.15507813 3.18867187,1.34375 3.421875,1.34375 L11.15625,1.34375 L11.15625,9.078125 C11.15625,9.31132812 11.3449219,9.5 11.578125,9.5 C11.8113281,9.5 12,9.31132812 12,9.078125 L12,1.34375 C12,0.87734375 11.6226562,0.5 11.15625,0.5 Z"
                    :fill="getColor"
                    fill-rule="nonzero"
                  />
                </g>
              </g>
            </g>
          </g>
        </g>
      </svg>
    </template>
  </span>
</template>
<script>
export default {
  name: 'ExtraIcon',
  props: {
    type: String
  },
  computed: {
    getColor() {
      return '#FAA600'
    }
  }
}
</script>
<style lang="scss" scoped>
.icon {
  margin-right: 2px;
  svg {
    vertical-align: middle;
  }
}
</style>
